<template>
	<view class="cu-card article">
		<view class="cu-item shadow" v-for="item in listArr" :key="item.id" @tap="tap(item.id)">
			<view class="content">
				<image :src="item.cover_path" mode="aspectFill"></image>
				<view class="desc">
					<view class="text-black text-bold text-xl">{{ item.name }}</view>
					<view>
						<view class="cu-tag bg-red light sm round">{{ item.long }}</view>
					</view>
					<view class="text-content"> 折磨生出苦难，苦难又会加剧折磨，凡间这无穷的循环，将有我来终结！真正的恩典因不完整而美丽，因情感而真诚，因脆弱而自由！</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			listArr:{
				type: Array
			}
		},
		onLoad() {
			console.log(this.listArr)
		},
		methods:{
			tap(id){
				this.$emit('onTap',id)
			}
		}
	}
</script>

<style>
	.cu-card.article>.cu-item .content{
		padding-top: 30rpx;
	}
	.cu-card.article>.cu-item .content>image{
		width: 240rpx;
		height: 240rpx;
	}
	.cu-card>.cu-item{
		margin-bottom: 0;
	}
</style>